<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/common/taglib.jsp"%>
这是欢迎页面
<br>
近五天的用户登录量
<br>
<canvas id="myChart" width="400" height="400"></canvas>

<script type="text/javascript">
	$.ajax({
		url : '${ctx}/userlogin/getDay.shtml',
		data : {
			day : 5
		},
		type : 'post',
		dataType : 'json',
		success : function(result) {
			var listday = result.listDay;
			var listdata = result.listData;
			var data3 = {
				labels : listday,
				datasets : [ {
					// 颜色的使用类似于CSS，你也可以使用RGB、HEX或者HSL
					// rgba颜色中最后一个值代表透明度
					// 填充颜色
					fillColor : "rgba(220,220,220,0.5)",
					// 线的颜色
					strokeColor : "rgba(220,220,220,1)",
					// 点的填充颜色
					pointColor : "rgba(220,220,220,1)",
					// 点的边线颜色
					pointStrokeColor : "#fff",
					// 与x轴标示对应的数据
					data : listdata
				} ]
			}
			var ctx = document.getElementById("myChart").getContext("2d");
			new Chart(ctx).Bar(data3);//柱状图
		}
	})

	var data = {
		// x轴的标示
		labels : [ "January", "February", "March", "April", "May", "June",
				"July" ],
		// 数据，数组中的每一个object代表一条线
		datasets : [ {
			// 颜色的使用类似于CSS，你也可以使用RGB、HEX或者HSL
			// rgba颜色中最后一个值代表透明度
			// 填充颜色
			fillColor : "rgba(220,220,220,0.5)",
			// 线的颜色
			strokeColor : "rgba(220,220,220,1)",
			// 点的填充颜色
			pointColor : "rgba(220,220,220,1)",
			// 点的边线颜色
			pointStrokeColor : "#fff",
			// 与x轴标示对应的数据
			data : [ 65, 59, 90, 81, 56, 55, 40 ]
		}, {
			fillColor : "rgba(151,187,205,0.5)",
			strokeColor : "rgba(151,187,205,1)",
			pointColor : "rgba(151,187,205,1)",
			pointStrokeColor : "#fff",
			data : [ 28, 48, 40, 19, 96, 27, 100 ]
		} ]
	}
	var data2 = [ {
		value : 30,
		color : "#F38630"
	}, {
		value : 50,
		color : "#E0E4CC"
	}, {
		value : 100,
		color : "#69D2E7"
	} ]
	//	var ctx = document.getElementById("myChart").getContext("2d");
	//new Chart(ctx).Line(data);//曲线图
	//new Chart(ctx).Bar(data3);//柱状图
	//new Chart(ctx).Radar(data);//雷达图或蛛网图
	//new Chart(ctx).PolarArea(data2);//极地区域图
	//new Chart(ctx).Pie(data2);//饼图
	//new Chart(ctx).Doughnut(data2);//环形图
</script>